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Aperçus avec ThumbShots . | p, | i g 
Qu'est quoi un lien hyper-texte ? C'est un élément graphique ou textuel d'une page web qui sous l'action d'un 


clic de souris commande le chargement d'une autre page dans le navigateur. Ce moyen simple et sûr de surfer 
rapidement et efficacement sur la toile fut inventé par un chercheur du français du CERN. 


Sondage navigateurs web 


Informatique 


La balise de base 


Sécurité 

raya La balise de base est <A> qui a pour attributs HREF : l'adresse de destination et TARGET : le cadre de 

PHR S MYSQL destination (facultatif). Pour des explications sur les cadres, voir le chapitre Les Cadres. Cette balise est en 
HTML, CSS, JavaScript fait un conteneur, c'est-à-dire qu'elle doit être refermée par </A>. Les éléments situés à l'intérieur (texte, 
Unix images) renveront vers une page sous l'action d'un clic. De plus, lorsque la souris survole un lien, son 
Réseaux apparence change : d'une flèche elle devient une main. 


Turbo Pascal Syntaxe : 


z <A HREF-"adresse destination">Texte_ou_image à_cliquer</A> 
Accueil 
Exemples : 


<A HREF="intro.txt">Introduction</A> 
Introduction 


<A HREF="htm{W/intro.php3" TARGET="cadrel"><IMG SRC="images/a1.gif"></A> 


CLIQUEZ 


<A HREF="../../images/photos.jpg">Une photo de vacance</a> 
Une photo de vacance 


<A HREF="Attp://www.multimania.com/cyberzoide/html/index.php3" TARGET="_top>Revenir à ma Home 
Page</A> 
Revenir à ma Home Page 


Comme vous pouvez le voir, l'adresse destination spécifiée en valeur à l'attribut HREF peut être relative ou 
absolue. Elle peut contenir aussi des remontées avals de répertoire. Tout comme les pages web, les images 
GIF, PNG et JPG mais aussi les documents TXT peuvent être pointées par des liens. 


Les liens textuels apparaissent souligné et de couleur définie par la balise <BODY> (pour plus d'informations, 
voir le chapitre Corps de Document) quant aux images, elles apparissent avec une bordure d'épaisseur égale à 
deux pixels et de même couleur de les liens textuels. 


Les liens internes 


Lorsqu'on désire créer une page volumineuse, il est préférable d'insérer un menu avec des liens hyper-texte 
internes à la page (comme pour cette page). Pour cela on utilise la même balise mais cette fois l'adresse de 
destination est un mots clé précédé du signe musical dièse #. Et il faudra, au sein de la page insérer une 
balise marqueur dont l'identifiant sera ce mot clé pour qu'un clic de souris sur le lien se dirige vers ce 
marqueur. 


Syntaxe : 


Départ : 
<A HREF="#mot_clé">Texte ou_image_à_cliquer</A> 
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Arrivée : 
<A NAME="mot_clé">Texte ou _image</A> 


Exemples : 

Départ : 

<A HREF="#plus">Encore Plus...</A> 
Encore Plus... 

Arrivée : 

<A NAME="plus">Encore plus...</A> 
Encore Plus... 


Les info-bulles € 


L'attribut TITLE permet de faire afficher un court descriptif du lien lorsque le curseur de la souris passe sur le 


lien. 


Syntaxe : 


<A HREF="page.htm" TITLE="description"> Texte _ou_image_à_cliquer</A> 


Exemple : 


baby 


Les email 


Il est intéressant de part un clic de souris de permettre à vos visiteurs de vous laisser un message. Pour cela, 
mettez comme adresse destination la syntaxe mailto:+ votre adresse électronique. 


Syntaxe : 


<A HREF="mailto:votre email"> Texte ou_ image à_cliquer</A> 


Exemple : 


<A HREF="mailto:cyberzoide@multimania.com"> Ecrivez-moi</2A> 
Ecrivez-moi 


Cette commande vous permet de spécifier un sujet et un message par défaut mais aussi plusieurs 


destinataires. 


Syntaxes : 


<A HREF="mailto:votre email?subject= sujet_du message"> Texte ou_ image à _cliquer</A> 
<A HREF="mailto:votre email?body= corps _du_message"> Texte ou_image à _cliquer</A> 


<A HREF="mailto:votre email?subject= sujet_ du messagesbody= corps_du_message"> 


Texte ou_ image à_cliquer</A> 


<A HREF="mailto:votre email?cc= autre _destinataire"> Texte _ou_ image _à_cliquer</A> 


Les autres protocols 


On a vu plus haut qu'il est possible d'appeler des pages web, des images mais aussi d'autres documents (.txt, 
.shtml, .doc) , des films (.avi, .jpeg), des sons (.wav, .mid, .rmi, .ra, aif, .mp3, etc...) et qu'il était possible 
d'utiliser un autre protocol : le courrier électronique. Il existe bien d'autres protocols accessibles par un simple 


lien hyper-texte. 


A 
D 


A 
D 


Syntaxe Description 

EF=""> Protocol par défaut : HTTP 

EF="#"> Lien interne, protocol HTTP 

EF="http://"> Protocol HTTP 

EF="pnm://"> Protocol PNM pour le streaming en RealAudio 


EF="ftp://"> Protocol FTP pour le transfert de fichiers 


EF="mailto:"> Protocol SMTP pour le courrier électronique 


EF="news:"> Protocol NNTP pour les forums de discussion 
EF-"telnet://"> | Protocol Telnet pour le contrôle d'un ordinateur distant 
EF-="gopher : //"> | Protocol Gopher pour discussion et transfert de fichier 


EF="wais://"> Protocol Wais 


EF="file://"> Adressage local sur un poste non-distant 


Les cadres 


Il existe des constantes relatives au cadre de destination spécifié en valeur à l'attribut TARGET. 
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Syntaxe | Description | 
Affichage du lien dans une autre autre fenêtre du navigateur 
Affichage dans la totalité de la fenêtre courante 


Affichage dans le cadre courant (par defaut) 
Affichage dans le cadre spécifié 


TARGET="_ parent" | Affichage dans le cadre qui enveloppe la structure courante 


Encore Plus... 


e Lorsque vous faites un lien à partir d'une image, spécifiez la valeur 0 à l'attribut BORDER de la balise 
<IMG> afin de supprimer la bordure bleu. 


e Dans une balise <A>, vous pouvez rajouter les instructuions JavaScript (onFocus, onClick, 
onMouseOver...) pour produire des effets graphiques ou sonores en tout genre qui surprendront vos 
visiteurs. 


e Evitez d'insérer un texte très long dans le conteneur <A HREF> : c'est du plus mauvais effet ! 


gO2à 


Developpez.com Services 


Nous contacter Forum Développement Web Partenaires 


Participez Blogs ®PtanetHoster 
Informations légales Hébergement TENE 
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